<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="utf-8">

	<title>Video Player Tutorial - by Valeriu Timbuc for DesignModo</title>

	<script src="../js/jquery.min.1.8.2.js"></script>
	<script src="js/mediaelement-and-player.min.js"></script>
	<link rel="stylesheet" href="css/style.css" media="screen">

<meta name="robots" content="noindex,follow" />
</head>

<body>
 <p style="text-align:center">
	<video style="max-width:100%;"   poster="media/cars.png">
		<source src="../video.mp4" type="video/mp4">
	</video>
</p>
	<script>
	$(document).ready(function() {
		$('video').mediaelementplayer({
			alwaysShowControls: false,
			videoVolume: 'horizontal',
			features: ['playpause','progress','volume','fullscreen']
		});
	});
	</script>

</body>

</html>